// BEGIN: Mega Menu

// Desktop Mode
$mega-menu_desktop_1st-level-link-padding: 15px 15px;
$mega-menu_desktop_primary-link-font-size: 17px;
$mega-menu_desktop_classic-dropdown-menu-width: 235px;

$mega-menu_desktop_inner-dropdown-menu-head-font-size: 16px;
$mega-menu_desktop_inner-dropdown-menu-head-uppercase-font-size: 14px;

$mega-menu_desktop_inner-dropdown-menu-link-font-size: 14px;
$mega-menu_desktop_inner-dropdown-menu-link-uppercase-font-size: 12px;

$mega-menu_desktop_inner-tab-link-font-size: 16px;
$mega-menu_desktop_inner-tab-link-uppercase-font-size: 14px;

// BEGIN: Desktop mode

@media (min-width: $screen-md-min) { /* 992px */
	.c-layout-header {

		.c-navbar {
			// Main markup
			.c-mega-menu {
				line-height: 0px;
				@include inline-block();
				@include reset-padmar();
				position: static;

				> .nav.navbar-nav {
					line-height: 0px;
					background: none;
					position: static;
					margin: 0;
					padding: 0;

					> li {
						padding: 0;
						margin: 0;
						float: left;
						position: static;

						&.c-menu-type-classic {
							position: relative;
						}

						// link
						> .c-link {
							letter-spacing: 1px;
							font-style: normal;
							transition: all $header_transition;
							padding: $header_desktop_mega-menu-primary-link-padding;
							min-height: $header_height;
							font-size: $mega-menu_desktop_primary-link-font-size;

							&:hover,
							&:focus {
								background: none;
							}
						}

						// Quick sidebar toggler

						> .c-quick-sidebar-toggler {
							transition: all $header_transition;
							display: inline-block;
							background: none !important;
							padding: $header_desktop_mega-menu-quick-sidebar-toggler-padding;

							> .c-line {
								width: 15px;
								display: block;
								height: 2px;
								padding: 0px;
								margin: 3px 0;

								&:first-child {
									margin-top: 0px;
								}
							}
						}

						// button
						> .c-btn {
							transition: margin $header_transition;
							margin: $header_desktop_mega-menu-btn-margin;

							> i {
								position: relative;
								top: 1px;
							}
						}

						// icon
						> .c-btn-icon {
							background: none;
							outline: none;
							transition: margin $header_transition;
							margin: $header_desktop_mega-menu-btn-icon-margin;

							&:hover {
								background: none;
							}

							> i {
								position: relative;
								top: 0px;
								font-size: 14px;
								height: 14px;

								.ie & {
									top: 2px;
								}

								.ie9 & {
									top: 0px;
								}
							}
						}

						&.c-active,
						&:hover {
							> .c-quick-sidebar-toggler,
							> .c-btn-link,
							> .c-link {
								background: none;
							}
						}

						// dropdown menu
						> .dropdown-menu {
							width: auto;

							.container-fluid & {
								width: 1170px !important;
							}

							@include border-radius(0);

							&,
							&.c-pull-right {
								right: 0;
								left: auto;
							}

							&.c-pull-left {
								left: 0;
								right: auto;
							}
						}

						// general dropdown menu
						.dropdown-menu {
							box-shadow: none;

							> li {
								> h3 {
									margin: 0;
									letter-spacing: 1px;
									padding: 10px 25px 10px 25px;
									font-size: $mega-menu_desktop_inner-dropdown-menu-head-font-size;
								}

								> a {
									padding: 8px 25px;
									white-space: normal;
									letter-spacing: 1px;
									font-size: $mega-menu_desktop_inner-dropdown-menu-link-font-size;
								}

								&.dropdown-submenu {
									> .dropdown-menu {
										margin-top: -10px;
									}
								}
							}
						}

						// full dropdown menu
						> .dropdown-menu.c-menu-type-fullwidth {
							width: 100%;
							left: 0;
							right: 0;
						}

						// classic dropdown menu
						> .dropdown-menu.c-menu-type-classic {
							left: auto;
							right: auto;
							min-width: $mega-menu_desktop_classic-dropdown-menu-width;
							width: $mega-menu_desktop_classic-dropdown-menu-width;

							&.c-pull-right {
								right: 0;
								left: auto;
							}

							.dropdown-menu {
								@include border-radius(0);
								min-width: $mega-menu_desktop_classic-dropdown-menu-width;
								width: $mega-menu_desktop_classic-dropdown-menu-width;
							}
						}

						// mega dropdown menu
						> .dropdown-menu.c-menu-type-mega {
							padding: 0;

							// mega menu sub dropdowns
							.dropdown-menu {
								float: none;
								box-shadow: none !important;
								background: none;
								position: static;
								display: block;

								@include clearfix();
							}

							// set separator border for inline dropdown menus
							> .row {
								margin: 0 0;

								> div {
									padding: 0;

									&:last-child {
										border-right: 0;
									}
								}
							}

							// mega menu inline dropdown menu
							.c-menu-type-inline {
								margin: 10px 0;
							}

							// mega menu tabs
							.nav.nav-tabs {
								padding: 20px 40px;

								> li {
									margin: 0 15px;

									&:first-child {
										margin-left: 0;
									}

									> a {
										margin: 0;
										padding: 7px 0;
										border: 0;
										background: none;
										font-size: $mega-menu_desktop_inner-tab-link-font-size;
									}
								}
							}

							// mega menu tab contents
							.tab-content {
								padding: 0;
								margin: 0 15px;
							}

							// mega menu adjusted list mode(instead of bootstrap grid system)
							> li {
								display: table-cell;
								width: 1%;

								// set separator border for inline dropdown menus
								.dropdown-menu.c-menu-type-inline {
									@include border-radius(0);
									margin: 0;
									padding: 15px 0;
								}

								> .dropdown-menu {
									float: none;
								}
							}
						}

						// display dropdown menu on hover
						&:hover {
							> .dropdown-menu {
								display: block;
							}
						}
					}

					// visible on desktop mode
					.c-visible-mobile {
						display: none !important;
					}
				}

				// hide when full view quick search is shown 
				.c-layout-quick-search-shown & {
					display: none;
				}
			}

			// Full width header
			.container-fluid > .c-navbar-wrapper > .c-mega-menu {
				> .nav.navbar-nav {
					> li {
						> .dropdown-menu.c-menu-type-mega {
							max-width: 1170px;
						}
					}
				}
			}

			// Font options		
			.c-mega-menu {
				line-height: 0px;

				// Uppercase font
				&.c-fonts-uppercase > .nav.navbar-nav > li {
					// general link
					> .c-link {
						font-size: 15px;
						text-transform: uppercase;
					}

					// general dropdown menu
					.dropdown-menu {
						> li {
							> h3 {
								font-size: $mega-menu_desktop_inner-dropdown-menu-head-uppercase-font-size;
								text-transform: uppercase;
							}

							> a {
								font-size: $mega-menu_desktop_inner-dropdown-menu-link-uppercase-font-size;
								text-transform: uppercase;
							}
						}
					}

					// dropdown menu tabs
					> .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
						font-size: $mega-menu_desktop_inner-tab-link-uppercase-font-size;
						text-transform: uppercase;
					}
				}

				// Bold font
				&.c-fonts-bold > .nav.navbar-nav > li {
					// general link
					> .c-link {
						font-weight: 600;
					}

					// general dropdown menu
					.dropdown-menu {
						> li {
							> h3 {
								font-weight: 500;
							}

							> a {
								font-weight: 500;
							}
						}
					}

					// dropdown menu tabs
					> .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
						font-weight: 600;
					}
				}
			}
		}
	}
}

@media (min-width: 1170px) {
	// Full width header
	.c-layout-header .c-navbar .container-fluid > .c-navbar-wrapper > .c-mega-menu {
		> .nav.navbar-nav {
			> li {
				> .dropdown-menu.c-menu-type-mega {
					left: auto;
					right: 20px;

					&.c-pull-left {
						left: 20px;
						right: auto;
					}
				}
			}
		}
	}
}

// END: Desktop mode